<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<select name="province">
	    <option value="1">河南</option>
	    <option value="2">江苏</option>
	    <option value="3">山西</option>
	    <option value="4">吉林</option>
	    <option value="5">上海</option>
	    <option value="6">浙江</option>
	</select>
	<select name="city">
	    <option value="1-1">郑州</option>
	    <option value="1-2">开封</option>
	    <option value="1-3">洛阳</option>
	    <option value="1-4">驻马店</option>
	    <option value="1-5">商丘</option>
	</select>
	<hr>
	<select name="">
	    <optgroup label="河南">
	        <option value="1-1">郑州</option>
	        <option value="1-2">开封</option>
	        <option value="1-3">洛阳</option>
	        <option value="1-4">驻马店</option>
	        <option value="1-5">商丘</option>
	    </optgroup>
	    <optgroup label="江苏">
	        <option value="1-1">南京</option>
	        <option value="1-2">苏州</option>
	        <option value="1-3">无锡</option>
	        <option value="1-4">常州</option>
	        <option value="1-5">扬州</option>
	        <option value="1-5">泰州</option>
	    </optgroup>
	</select>
	<textarea name="" cols="100" rows="10">123456</textarea>
	<form action="">
	    <input type="text" name="userName"> <br>
	    <input type="submit" value="登录">    

	    <button>提交</button>
	</form>
	<script>
	    // 点击button按钮, 弹出一个提示框
	    document.getElementsByTagName('button')[0].onclick = function(){
	        alert('弹出一只老母鸡');
	    }
	</script>
	    <form action="">
        
        用户名: <input type="text" name="userName" placeholder="请输入你的用户名" autofocus  autocomplete="off" required> <br>

        密码: <input type="text" name="pwd" minlength="6" maxlength="12"> <br>

        性别: <input type="radio" name="sex" value="man">男
              <input type="radio" name="sex" value="woman" checked>女
              <input type="radio" name="sex" value="ladyboy">人妖
              <br> 

        户籍: <select name="province" multiple>
                <option value="1">河南</option>
                <option value="2">江苏</option>
                <option value="3">山西</option>
                <option value="4" selected>吉林</option>
                <option value="5">上海</option>
                <option value="6">浙江</option>
              </select>
              <br>
        
        昵称: <input type="text" name="nickname" value="黄金小馒头" readonly> <br>
        陈乐天: <input type="text" name="name" value="陈乐天" disabled> <br>



        <input type="submit">

    </form>
	<audio src="./resource/爱如潮水.m4a" controls loop autoplay></audio>
	<video src="./resource/吟笑派.mp4" controls loop autoplay></video>
	<frameset rows="10%, *" noresize  frameborder="0">
	    <frame src="http://www.baidu.com"  scrolling="no">
	    <frameset cols="15%, *">
	        <frame src="http://www.qq.com">
	        <frame src="http://www.taobao.com">
	    </frameset>
	</frameset>
	<iframe src="http://www.baidu.com" width="100%" height="500" frameborder="1"></iframe>
	<hr>

	<a href="http://www.baidu.com" target="xxx">baidu</a>
	<a href="http://www.taobao.com" target="xxx">taobao</a>
	<a href="http://www.qq.com" target="xxx">tencent</a>
	<iframe src="" name="xxx" frameborder="0" width="100%" height="500" ></iframe>
	Hack 技术, 以下写法只有 IE浏览器能解析
	[if lt IE 9]>
	  <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
	<![endif]
</body>
</html>